<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ taglib prefix="c" 
           uri="http://java.sun.com/jsp/jstl/core" %>
           <!-- 定义基础url变量 -->
<c:set var="baseurl" value="${pageContext.request.contextPath }"></c:set> 


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>后台首页</title>
    <link rel="stylesheet" href="${baseurl}/resources/admin/bootstrap-3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="${baseurl}/resources/admin/Font-Awesome-3.2.1/css/font-awesome.min.css">
    <link rel="stylesheet" href="${baseurl}/resources/admin/bootstrap-3.3.7/css/buttons.css">
    <link href="${baseurl}/resources/public/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="${baseurl}/resources/public/zooming/css/zoom.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="${baseurl}/resources/admin/css/public.css">
    <link rel="stylesheet" href="${baseurl}/resources/admin/css/index.css">
    
    <!--js文件导入-->
	<script src="${baseurl}/resources/admin/js/jquery-3.3.1.min.js"></script>
	<script src="${baseurl}/resources/admin/js/vue.js"></script>
	<script src="${baseurl}/resources/admin/bootstrap-3.3.7/js/bootstrap.min.js"></script>
	<script src="${baseurl}/resources/admin/bootstrap-3.3.7/js/button.js"></script>
	<script src="${baseurl}/resources/public/zooming/js/zoom.min.js"></script>
	<script src="${baseurl}/resources/admin/js/config.js"></script>
	<script src="${baseurl}/resources/admin/js/public.js"></script>
	
	<script type="text/javascript" src="${baseurl}/resources/public/datetimepicker/js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="${baseurl}/resources/public/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    
</head>
<body>

<div id="box" class="container-fluid">

    <!--页面整体-->
    <div id="index" class="row">
        <!--页面左边-->
        <div id="left" class="col-md-2">

            <!--管理员菜单-->
            <div class="row">
                <div id="administrator" class="col-md-12">
                    <!--管理员头像-->
                    <img src="${baseurl}/resources/admin/img/9e39c5177a14ed735528b72176fb4bca.jpg"/>
                    &nbsp;&nbsp;
                    <div>
                        <!--管理员用户名-->
                        <h6>测试的名称</h6>
                        <!--下拉菜单-->
                        <span class="button-dropdown button-dropdown-inverse " data-buttons="dropdown">
                            <a href="#" class="button button-inverse button-tiny button-caution">
                                 超级管理员 <i class="icon-chevron-down"></i>
                            </a>
                            <ul class="button-dropdown-list is-below">
                              <li><a href="#">个人资料</a></li>
                              <li class="button-dropdown-divider">
                                <a href="#">重置密码</a>
                              </li>
                              <li>
                                <a href="${baseurl }/admin/login/logout">退出</a>
                              </li>
                            </ul>
                        </span>
                    </div>

                </div>
            </div>

            <!--菜单-->
            <div class="row">
                <%@ include file="nav.jsp" %>
            </div>
        </div>

        <!--页面右边-->
        <div id="right" class="col-md-10">
            <!--右边顶部-->
            <div id="right_top" class="col-md-12">
                <!--顶部右边-->
                <ul id="top_left">
                    <li title="系统">
                        <!--切换系统菜单-->
                        <a data-id="system_menu" href="#" class="button button-3d button-action button-pill button-caution button-small">
                            <i class="icon-cogs"></i>
                        </a>
                    </li>
                    <li title="商城">
                        <!--切换商城菜单-->
                        <a data-id="shop_menu" href="#" class="button button-3d button-action button-pill button-caution button-small">
                            <i class="icon-shopping-cart"></i>
                        </a>
                    </li>
                    <li title="文章">
                        <!--切换文章菜单-->
                        <a data-id="news_menu" href="#" class="button button-3d button-action button-pill button-caution button-small">
                            <i class="icon-book"></i>
                        </a>
                    </li>
                </ul>

                <!--顶部左边-->
                <ul id="top_right">
                    <li>
                        <a href="#" class="button button-3d button-pill button-primary button-small">
                            <i class="icon-home"></i>
                        </a>

                    </li>
                </ul>
            </div>
            <!--顶部结束-->

                <!--右边内容开始-->
                <div id="right_content" class="col-md-12">
                
                <div class="container-fluid">